<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->


<html>
<head>
<title>WorkerTrack - Registration Form</title>
<link rel="stylesheet" type="text/css" href="../CSS/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="../CSS/interview.css" media="all" />
<link rel="stylesheet" type="text/css" href="../CSS/buttonIE.css" media="all" />
<link rel="stylesheet" type="text/css" href="../CSS/jquery.datepick.css" media="all" />
<script type="text/javascript" src="../JQuery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../JQuery/jquery.datepick.js"></script>
<script type="text/javascript" src="../JavaScript/interview.js"></script>
<script type="text/javascript">
$(function() {
	$('#popupDatepicker').datepick({ 
		minDate: new Date()});
	$('#inlineDatepicker').datepick({onSelect: showDate});
});
function showDate(date) {
	alert('The date chosen is ' + date);
}
</script>

</head>
<body onload="addOptions_list();"> 
	<div id="header">
			<div id="logo">
				<a href="../index.html"><img src="../images/logolarge.jpg" alt="" /></a>		
			</div>		
			<ul>
				<li><a href="../index.html"><span>home</span></a></li>
				<li class="selected"><a href="invitetointerview.html"><span>interview</span></a></li>
				<li><a href="aboutus.html"><span>about us</span></a></li>
				<li><a href="contact.html"><span>contact us</span></a></li>			
			</ul>
	</div>
	<div id="body">
	  <div class="register">
			<h1>Invite to Interview</h1>
			<div id="content">
		<form name="myForm" onsubmit="return validateForm();" method="post">
        <fieldset>
          <legend>
            <h2>Interview Details</h2>
          </legend>
          <ol>
          <h3>For the position of: Carpet Cleaner</h3>
            <li>
              <label for="date">
                Date:
              </label>
              <input type="text" id="popupDatepicker"></p>
            </li>
           
              <li>
              <label for="hour">
               Hour:
              </label>
				<select name="hour">
				<!-- initialized in addOptions_list -->
				</select>
              </li>
              
            <li>
            <br>
              <label for="Details">
                Details:
              </label>
              <textarea rows="10" cols="30">
				Fill in details about the interview....
			  </textarea>
            </li>
              </ol>
        </fieldset>
           
           
        <fieldset class="submit">
          <input type="submit" value="Register" class="button" name="button"/>
        </fieldset>
      </form>

    </div><!-- END #content -->

   </div>
  </div>

 <!-- END #page -->
	</body>
</html>